<?php 
/**
* @version 1.5.x
* @package JoomVision Project
* @email webmaster@joomvision.com
* @copyright (C) 2008 http://www.JoomVision.com. All rights reserved.
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
JHTML::_('behavior.mootools');
JHTML::_('stylesheet','slideshow8.css','modules/mod_jv_headline/assets/css/');
JHTML::_('script','slideshow8.js','modules/mod_jv_headline/assets/js/');
$cssHeight= "height:".$moduleHeight."px";
$cssWidth = "width:".$moduleWidth."px";
$jvSlideShow = "jv_slideshow8_".$module->id;
$jvSlideShowBg = '#jv_slideshow8_'.$module->id.' div.jv-proshow-display';
$jvSlideShowMenu = '#proshow_menu'.$module->id.' .item_proshow';
$jvSlideMenuImg =  '#proshow_menu'.$module->id.' a';
$jvSlideInfo = '#jv_slideshow8_'.$module->id.' div.jv-proshow-intro';
$butPre = "#proshow_menu".$moduleId." li.but_pre";
$butNext = "#proshow_menu".$moduleId." li.but_next";
?>
<script type="text/javascript">
    var startSlideshow<?php echo $module->id; ?> = function() {
        var mySlideShow8<?php echo $module->id; ?>  = new JVSlideShow8({
            jvSlide8Bg:'<?php echo $jvSlideShowBg; ?>',
            jvSlide8Menu:'<?php echo $jvSlideShowMenu; ?>',
            jvSlide8Info:'<?php echo $jvSlideInfo; ?>',
            jvSlideMenuImg:'<?php echo $jvSlideMenuImg; ?>',
            moduleWidth:'<?php echo $moduleWidth; ?>',
            moduleHeight:'<?php echo $moduleHeight; ?>',
            transaction:'<?php echo $slideDelay; ?>',
            durationSlide8:<?php echo $params->get('trans_duration',500); ?>,
            jvStyleEffect:'<?php echo $params->get('pedon_animation'); ?>',
            jvSlide:'<?php echo $jvSlideShow; ?>',
            butPre:'<?php echo $butPre; ?>',
            butNext:'<?php echo $butNext; ?>',
            showButtonNext:<?php echo $showButNext; ?>
        })
    };
    window.addEvent('load',function(){
        setTimeout(startSlideshow<?php echo $module->id; ?>,200);
      }
    );
</script>
<div style="display: none;"><a title="Joomla Templates" href="http://www.joomlavision.com">Joomla Templates</a> and Joomla Extensions by JoomlaVision.Com</div>
    <div class="jv-pedonheadline-wrap">
		<div class="jv-proshow loading" style="<?php echo $cssWidth.";".$cssHeight;?>" id="jv_slideshow8_<?php echo $module->id; ?>">
			<?php foreach($list as $item){//Set background ?>
                <div class="jv-proshow-display" style="opacity:0;width:<?php echo $params->get('pedon_thumb_width',500); ?>px;">
                   <?php if($item->thumbl) { ?> <img src="<?php echo $item->thumbs; ?>" alt="banner" />
                   <?php } else { echo $item->title; }?> 
                </div>
            <?php } ?>
            <?php foreach($list as $item) { ?>
            <div class="jv-proshow-intro" style="opacity:0">
                <div class="jv-proshow-intro-t png">
                    <div class="jv-proshow-intro-b png">                
                        <div class="jv-proshow-intro-inner">
                             <h3><?php echo $item->title ; ?></h3>
                             <div><?php echo $item->introtext ; ?></div>
                        </div>                   
                    </div>
                </div>   
				<?php if($isReadMore == 1) { ?>
				<a class="readon" href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>">Read more</a>
                <?php } ?> 					
            </div>
			
            <?php } ?>             
        </div>
		<div class="jv-pedonheadline-group">
			<ul id="proshow_menu<?php echo $module->id; ?>">
			<?php
			$color = 1;
			foreach($list as $item) {
			?>
				<li class="item<?php echo $color; ?> item_proshow">
				<a href="#" title="image">
					<span><?php echo $item->title; ?></span>
				</a>
				</li>
			<?php
				$color++;
			}
			?>
			<?php if($showButNext == 1) { ?> <li style="width:23px;height:65px" class="but_next">&nbsp;</li> 
			<?php } ?>
			 <?php if($showButNext == 1) { ?> <li style="width:23px;height:65px" class="but_pre">&nbsp;</li>
			<?php } ?>
			</ul>
		</div>
		<div class="jv-pedongroup"></div>
</div>